<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>部门相关</title>
	<link rel="stylesheet" type="text/css" href="css/departmentIndex.css">
<script type="text/javascript" src="js/departmentIndex.js"></script>
</head>
<body>
<!-- 导航栏部分 -->
<div class="header">
  <div class="header_wrap">
    <div class="header_logo"><img src="images/logo2.gif"></div>
    <nav class="header_wrap_nav">
      <li><a href="http://111.230.50.230/">主页</a></li>
      <li><a href="http://111.230.50.230/index.php/index/ProjectController/workdisplay">作品展示</a></li>
      <li><a href="#">联系方式</a></li>
      <li><a href="#">关于我们</a></li>  
    </nav>
    <div class="header_wrap_login">
      <a href="http://111.230.50.230/index.php/index/Index/mpage">登录/注册 </a>
    </div>
  </div>
</div>

<div class="main">
  <!-- siki课程精选部分 -->
  <div class="siki">
    <h1>siki课程精选</h1>
    <!-- Unity-AR教程 -->
    <div class="responsive">
      <div class="img">
        <a target="_blank" href="http://www.sikiedu.com/course/93">
          <img src="images/unity.jpg" alt="图片文本描述" width="300" height="200">
        </a>
        <div class="desc"><a target="_blank" href="http://www.sikiedu.com/course/93">Unity-AR教程</a></div>
      </div>
    </div>
    <!-- Unity初级教程--愤怒的小鸟 -->
    <div class="responsive">
      <div class="img">
        <a target="_blank" href="http://www.sikiedu.com/course/134">
          <img src="images/angrybirds.jpg" alt="图片文本描述" width="300" height="200">
        </a>
        <div class="desc"><a target="_blank" href="http://www.sikiedu.com/course/134">Unity初级教程--愤怒的小鸟</a></div>
      </div>
    </div>
    <!-- Unity初级教程--吃豆人 -->
    <div class="responsive">
      <div class="img">
        <a target="_blank" href="http://www.sikiedu.com/course/92">
          <img src="images/chidouren.jpg" alt="图片文本描述" width="300" height="200">
        </a>
        <div class="desc"><a target="_blank" href="http://www.sikiedu.com/course/134">Unity初级教程--吃豆人</a></div>
      </div>
    </div>
    <!--Unity中级教程--甜品消消乐  -->
    <div class="responsive">
      <div class="img">
        <a target="_blank" href="http://www.sikiedu.com/course/93">
          <img src="images/tiandian.jpg" alt="图片文本描述" width="300" height="200">
        </a>
        <div class="desc"><a target="_blank" href="http://www.sikiedu.com/course/93">Unity中级教程--甜品消消乐</a></div>
      </div>
    </div>
  </div>

  <div class="vertical-menu">
    <a href="#" class="active">部门咨询/通知</a>
    <a href="#">1.&&&&&&&&&&&&&&&&&&&</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
    <a href="#">Link 4</a>
    <div class="use">
      <a href="#">当前办公室使用情况：</a>
      <a href="#" class="peopl">有几人</a>
    </div>
    <button onclick="document.getElementById('id01').style.display='block'" style="width:auto;">我要更新数据</button>
  </div>
</div>

<div id="id01" class="modal">
  
  <form class="modal-content animate" action="/action_page.php">
    <div class="imgcontainer">
      <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">&times;</span>
      
    </div>

    <div class="container">
      <label><b>用户明</b></label>
      <input type="text" placeholder="请输入密码" name="uname" required>

      <label><b>密码</b></label>
      <input type="password" placeholder="输入密码" name="psw" required>
        
      <button type="submit">登陆</button>
      <input type="checkbox" checked="checked"> 记住我
    </div>

    <div class="container" style="background-color:#f1f1f1">
      <button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">取消</button>
      <span class="psw">忘记 <a href="#">密码?</a></span>
    </div>
  </form>
</div>

</body>
</html>